<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=0,user-scalable=0">
    <title>Dragon</title>
    <style></style>
    <link rel="stylesheet" href="../../scss/me/invest.css"/>
</head>
<body>
<!--头部-->
<header>
    <div class="left">
        <img id="goBack" src="../../img/invest/back.png">
    </div>
    <div class="center">
        我的投资
    </div>
</header>
<!--选择-->
<nav>
    <div class="nav-left"><div class="left-details" id="left-details">投资中(3)</div></div>
    <div class="nav-right"><div class="right-details" id="right-details">已还款(0)</div></div>
</nav>

<!--投资详情-->
<div class="invest" id="invest">
<div class="invest-details">
    <div class="details-top">
        <div class="top-left"> 经营性贷款</div>
        <div class="top-center"> 12-26回款</div>
    </div>
    <div class="details-down">
        <div class="down-left">
            <div class="left-top"> 投资金额(元)</div>
            <div class="left-down"> 20,000</div>
        </div>
        <div class="down-center">
            <div class="center-top"> 年化收益</div>
            <div class="center-down"> 10%</div>
        </div>
        <div class="down-right">
            <div class="right-top"> 预计收益(元)</div>
            <div class="right-down"> 168.22</div>
        </div>
    </div>

</div>
<div class="invest-details">
    <div class="details-top">
        <div class="top-left"> 经营性贷款</div>
        <div class="top-center"> 12-26回款</div>
    </div>
    <div class="details-down">
        <div class="down-left">
            <div class="left-top"> 投资金额(元)</div>
            <div class="left-down"> 20,000</div>
        </div>
        <div class="down-center">
            <div class="center-top"> 年化收益</div>
            <div class="center-down"> 10%</div>
        </div>
        <div class="down-right">
            <div class="right-top"> 预计收益(元)</div>
            <div class="right-down"> 168.22</div>
        </div>
    </div>

</div>
</div>

<!--还款-->
<div class="refund" id="refund" hidden>
    <div class="invest-details">
        <div class="details-top">
            <div class="top-left"> 经营性贷款</div>
            <div class="top-center"> 12-26回款</div>
        </div>
        <div class="details-down">
            <div class="down-left">
                <div class="left-top"> 投资金额(元)</div>
                <div class="left-down"> 20,000</div>
            </div>
            <div class="down-center">
                <div class="center-top"> 年化收益</div>
                <div class="center-down"> 20%</div>
            </div>
            <div class="down-right">
                <div class="right-top"> 预计收益(元)</div>
                <div class="right-down"> 168.22</div>
            </div>
        </div>

    </div>
</div>

</body>
<script src="../../js/cite/jquery-1.9.1.min.js"></script>
<script src="../../js/cite/base.js"></script>
<script src="../../js/me/invest.js"></script>
</html>